<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>林火预测</title>
  <style>
    h4{
      margin: auto;
    }
  </style>
</head>
<body>
<h1>林火预测</h1>
<div style="height: 500px;width: 500px;margin: auto" id ="hot_map"></div>
</body>
<script src="../../js/functionalAreas/forestFireForecast/echarts.min.js"></script>
<script src="../../js/common/jquery-3.5.1.js"></script>

<script>
  var area = '昆明'
  var myChart = echarts.init(document.getElementById('hot_map'));
  option = {
    title: {
      text: area+'地区各项基础信息',
      x:"center"
    },
    tooltip: {},
    radar: {
      // shape: 'circle',
      name: {
        textStyle: {
          color: '#fff',
          backgroundColor: '#999',
          borderRadius: 3,
          padding: [2, 4]
        }
      },
      indicator: [
        { name: '温度（℃）', max: 1000},
        { name: '降水量（mm/月）', max: 500},
        { name: '相对湿度（%）', max: 100},
        { name: '风速（m/s）', max: 50},
        { name: '海拔（m）', max: 8888},
        { name: '森林面积（平方公里）', max: 10000}
      ],
      radius: '55%',
      splitArea: {
        areaStyle: {
          color: ['#B8D3E4', '#96C5E3', '#7DB5DA', '#72ACD1']
        }
      },
    },
    series: [{
      name: '',
      roam: true,
      type: 'radar',
      // areaStyle: {normal: {}},
      data: [
        {
          value: [800, 300, 60, 3.2, 2690, 3105.2],
          name: ''
        },
      ]
    }]
  };
  myChart.setOption(option);
</script>





<!--火险等级图-->


<!--<script>-->

<!--  let myChart = echarts.init(document.getElementById('hot_map'));-->
<!--  var uploadedDataURL = "../../json/common/530000.json";-->

<!--  function showProvince() {-->
<!--    myChart.showLoading();-->

<!--    $.get(uploadedDataURL, function(geoJson) {-->

<!--      myChart.hideLoading();-->

<!--      echarts.registerMap('云南', geoJson);-->

<!--      myChart.setOption(option = {-->
<!--        //backgroundColor:'#FFFFFF',-->
<!--        title: {-->
<!--          text: '云南省各森林火险等级',-->
<!--          textStyle: {-->
<!--            fontSize: 15,-->
<!--            fontStyle: 'normal',-->
<!--            fontWeight: "bolder",-->
<!--            color: "#333"-->
<!--          },-->
<!--          x: 'center',-->
<!--          y:'bottom'-->
<!--        },-->
<!--        visualMap:{-->
<!--          min:0,-->
<!--          max:1000,-->
<!--          left:'left',-->
<!--          top:'bottom',-->
<!--          text:['火险等级指数'],//文本-->
<!--          calculable:true,-->
<!--          inRange:{-->
<!--            // color: ['#3B5077', '#031525'] // 蓝黑-->
<!--            // color: ['#ffc0cb', '#800080'] // 红紫-->
<!--            // color: ['#3C3B3F', '#605C3C'] // 黑绿-->
<!--            // color: ['#0f0c29', '#302b63', '#24243e'] // 黑紫黑-->
<!--            // color: ['#23074d', '#cc5333'] // 紫红-->
<!--            //color: ['#00467F', '#A5CC82'] // 蓝绿-->
<!--            // color: ['#1488CC', '#2B32B2'] // 浅蓝-->
<!--            // color: ['#00467F', '#A5CC82'],// 蓝绿-->
<!--            color: ['#FFD2D2', '#930000']// 紫红-->
<!--          },-->
<!--          textStyle:{-->
<!--            color:'#000000'-->
<!--          },-->
<!--        },-->
<!--        tooltip: {-->
<!--          trigger: 'item',-->
<!--          formatter: '{b}<br/>{c}'-->
<!--        },-->
<!--        toolbox: {-->
<!--          show: true,-->
<!--          feature: {-->
<!--            dataView: {-->
<!--              title: '详细信息',-->
<!--              readOnly: true,-->
<!--              lang:['各地区火险指数', '关闭', '刷新'],-->
<!--              optionToContent:function(opt){-->
<!--                var data = opt.series[0].data-->
<!--                var series = opt.series;-->
<!--                var table = '<table class="dataViewTable" style="border: solid 1px " border="1" cellspacing="0"><tbody><tr class="dataViewTr" >'-->
<!--                    + '<td class="dataViewHead">' + '地区'+ '</td>'-->
<!--                    + '<td class="dataViewHead">' + '火险等级数值' + '</td>'-->
<!--                    + '</tr>';-->
<!--                for (var i = 0, l = data.length; i < l; i++) {-->
<!--                  table += '<tr class="dataViewTr">'-->
<!--                      + '<td class="dataViewTd">' + data[i].name + '</td>'-->
<!--                      + '<td class="dataViewTd">' + data[i].value + '</td>'-->
<!--                      + '</tr>';-->
<!--                }-->
<!--                table += '</tbody></table>';-->
<!--                return table;-->
<!--                console.log(data[0].name);-->
<!--                console.log(data.length);-->
<!--              }},-->
<!--          }-->
<!--        },-->
<!--        series: [{-->
<!--          type: 'map',-->
<!--          roam: true,-->
<!--          mapType: '云南',-->
<!--          label:{-->
<!--            normal:{-->
<!--              show:true-->
<!--            },-->
<!--            emphasis:{-->
<!--              textStyle:{-->
<!--                color:'#FFFFFF'-->
<!--              }-->
<!--            }-->
<!--          },-->

<!--          itemStyle: {-->

<!--            normal:{-->
<!--              borderColor:'#389BB7',-->
<!--              areaColor:'#FFFFFF',-->
<!--            },-->
<!--            emphasis: {-->
<!--              areaColor:'#389BB7',-->
<!--              borderWidth:0-->
<!--            }-->
<!--          },-->
<!--          animation:false,-->

<!--          data: [{-->
<!--            name: '昆明市',-->
<!--            value:0-->
<!--          }, {-->
<!--            name: '普洱市',-->
<!--            value:100-->
<!--          }, {-->
<!--            name: '曲靖市',-->
<!--            value:200-->
<!--          }, {-->
<!--            name: '昭通市',-->
<!--            value:300-->
<!--          }, {-->
<!--            name: '玉溪市',-->
<!--            value:400-->
<!--          }, {-->
<!--            name: '红河哈尼族彝族自治州',-->
<!--            value:500-->
<!--          }, {-->
<!--            name: '文山壮族苗族自治州',-->
<!--            value:600-->
<!--          }, {-->
<!--            name: '西双版纳傣族自治州',-->
<!--            value:700-->
<!--          }, {-->
<!--            name: '临沧市',-->
<!--            value:800-->
<!--          }, {-->
<!--            name: '楚雄彝族自治州',-->
<!--            value:900-->
<!--          }, {-->
<!--            name: '丽江市',-->
<!--            value:1000-->
<!--          }, {-->
<!--            name: '大理白族自治州',-->
<!--            value:900-->
<!--          }, {-->
<!--            name: '保山市',-->
<!--            value:800-->
<!--          }, {-->
<!--            name: '德宏傣族景颇族自治州',-->
<!--            value:700-->
<!--          }, {-->
<!--            name: '怒江傈僳族自治州',-->
<!--            value:600-->
<!--          }, {-->
<!--            name: '迪庆藏族自治州',-->
<!--            value:600-->
<!--          }]-->
<!--        }]-->
<!--      });-->
<!--    });-->
<!--  }-->

<!--  //var currentIdx = 0;-->

<!--  showProvince();-->
<!--</script>-->
</html>